.container {
  width: 100%;
  height: 100%;
  background-color: #f2f4f7;
  position: relative;
  box-sizing: border-box;
  .box {
    width: 600px;
    height: 400px;
    position: absolute;
    top: 20%;
    left: 30%;
    background: #fff;
    border-radius: 35px;
    .content {
      width: 400px;
      height: 200px;
      margin: 100px auto;
      h2 {
        text-align: center;
        color: skyblue;
      }
      button {
        width: 368px;
        height: 48px;
        margin-top: 20px;
        margin-left: 30px;
        outline: none;
        border: transparent;
        box-shadow: 0 3px 12px 0 rgb(39 125 255 / 30%);
        border-radius: 24px;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        background: linear-gradient(90deg, rgb(105, 172, 255), rgb(95, 99, 255));
      }
      button:hover {
        box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.3);
      }
    }
  }
}